<template>
  <div>
<SonCom ref="sonCom"></SonCom>
<!-- <button @click="sonCom.add">add</button> -->
 <button @click="handleClick">add</button>
  </div>
</template>

<script setup>
//父组件使用子组件的方法,来修改子组件的数据.
//需要使用ref来获取子组件的实例,还需要子组件适应defineExpose

import SonCom from './components/SonCom.vue'
import { ref,onMounted } from 'vue'

const sonCom=ref(null)
// console.log(sonCom.value);

onMounted(()=>{
  //如果子组件没有对外暴露方法,那么打印子组件得到的对象里面就没有子组件的方法和属性
//Proxy.target.target里面只有_v_skip
  console.log(sonCom.value);
  // const handleClick=()=>{
  // return  sonCom.value.add
  // }
  

})
</script>

<style lang="scss" scoped>

</style>